﻿<template>
  <el-dialog v-drag :title = 'dialogTitle' :visible.sync = 'dialogFormVisible' width = '40%' @close = "closeDialog">
    <el-form :model = "ruleForm" ref = "ruleForm" :label-width = 'labelWidth' :rules = 'rules' v-loading = 'dialogLoading'>
      <el-form-item label = "名称：" prop = 'title'>
        <el-input v-model = 'ruleForm.title' placeholder = "请输入仪表板名称"></el-input>
      </el-form-item>
      <el-form-item label = "描述：">
        <el-input v-model = 'ruleForm.desc' placeholder = "请输入仪表板描述"></el-input>
      </el-form-item>
      <el-form-item label = "路由：">
        <el-input v-model = 'ruleForm.route' placeholder = "请输入仪表板路由"></el-input>
      </el-form-item>
      <el-form-item class = 'form_noLeftMargin'>
        <el-button type = "info" @click = "resetForm ('ruleForm')">取 消</el-button>
        <el-button type = "primary" @click = "submitForm ('ruleForm')">确 定</el-button>
      </el-form-item>
    </el-form>
  </el-dialog>
</template>

<script src='./basicForm.js'></script>
